<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title><ui:insert name="title">Facelet Title</ui:insert></title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'></meta>
        <!-- Font awesome -->
        <link href="#{request.contextPath}/resources/css/font-awesome.min.css" type="text/css" rel="stylesheet"/>
        <!-- bootstrap 3.0.2 -->
        <link href="#{request.contextPath}/resources/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
        <!-- Ionicons -->
        <link href="#{request.contextPath}/resources/css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="#{request.contextPath}/resources/css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <h:outputScript library="primefaces" name="jquery/jquery.js"/> 
    </h:head>
    <h:body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <ui:include src="menuHorizontal.xhtml"></ui:include>

        <div class="wrapper row-offcanvas row-offcanvas-left">

            <!-- Left side column. contains the logo and sidebar -->
            <ui:include src="welcomeVertical.xhtml"></ui:include>
            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
                <!-- Content Header (Page header) -->
                <ui:include src="headerWelcome.xhtml"></ui:include>

                <!-- Main content -->
                <section class="content">
                    
                 

                    <div class="alert alert-info alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <strong>#{usuarioController.mensajeInicial}!</strong> #{usuarioController.restoMensaje}
                        <i class="fa fa-info-circle"/>
                    </div>
                    <ui:insert name="content">Content</ui:insert>

                </section><!-- /.content -->


            </aside>

        </div>


        <script src="#{request.contextPath}/resources/js/bootstrap.js"></script>
         <script src="#{request.contextPath}/resources/js/AdminLTE/app.js"></script>


    </h:body>
</html>

